$(function() {

    // 单价
    var str;

    // 库存
    var num;

    // 尺码；
    var size;

    // 产品 ID
    var productId;

    var id = getParamsByUrl(location.href, 'id');
    // console.log(id);

    $.ajax({
        url: '/product/queryProductDetail',
        type: 'get',
        data: { id: id },
        success: function(res) {
            str = res.price;
            num = res.num;
            productId = res.id;
            // console.log(res);
            var html = template('productTpl', res);
            // console.log(html);
            $('.product-nav').html(html);

            //获得slider插件对象
            var gallery = mui('.mui-slider');
            gallery.slider();

        }
    });


    // 事件委托 高亮显示
    $('.product-nav').on('tap', '.size span', function() {
        // alert(1)
        $(this).addClass('active').siblings('span').removeClass('active');
        size = $(this).html();

    });



    // 实现加加功能
    $('.mui-num').on('tap', function() {

        var n = $(this).siblings(".itxt").val();
        // console.log(n);
        var w = num;
        console.log(w);

        if (n == num) {
            return false;
        }
        n++;
        $(this).siblings(".itxt").val(n);
        var p = str;
        var price = (p * n);
        // console.log(price);
        $('.p-price em').html("￥" + price);
        getSum()
    });


    // 实现减减功能
    $('.mui-sum').on('tap', function() {

        var n = $(this).siblings(".itxt").val();
        // console.log(n);
        if (n == 1) {
            return false;
        }
        n--;
        $(this).siblings(".itxt").val(n);
        var p = str;
        var price = (p * n);
        console.log(price);
        $('.p-price em').html("￥" + price);
        getSum()
    });



    $('.car').on('tap', function() {

        if (!size) {
            mui.alert('请选择尺码', '提示', '确定', mui.closePopups(), 'div');
            return;
        }

        $.ajax({
            url: '/cart/addCart',
            type: 'post',
            data: {
                productId: productId,
                num: num,
                size: size,
            },
            success: function(res) {
                console.log(res);
                mui.confirm("加入购物车成功，需要看看吗?", function(message) {

                    // 确认删除
                    if (message.index == 1) {
                        location.href = "cart.html";
                    } else {
                        $('.size span').removeClass('active');
                    }
                });
            }
        });

    });

});

function getSum() {
    var count = 0; // 计算总件数 
    $(".itxt").each(function(i, ele) {
        count += parseInt($(ele).val());
    });
    $(".getNum em").text(count); // 件数
}